<?php // no direct access
defined('_JEXEC') or die('Restricted access'); ?>
<script type="text/javascript">
<!--
	Window.onDomReady(function(){
		document.formvalidator.setHandler('passverify', function (value) { return ($('password').value == value); }	);
	});
// -->
</script>

<?php
	if(isset($this->message)){
		$this->display('message');
	}
?>
<div class="content">
	<div class="innerContent"> 
    	<h2><span><span>Register</span></span></h2>
        <div class="mainContainer" style="height: 100%">
        	<form action="<?php echo JRoute::_( 'index.php?option=com_user&view=register' ); ?>" method="post" id="josForm" name="josForm" class="form-validate">
            	<fieldset>
                	<div class="form1Item">
                    	<label for="name"><?php echo JText::_( 'Name' ); ?>: </label>
                        <input type="text" name="name" id="name" size="40" value="<?php echo $this->escape($this->user->get( 'name' ));?>" class="redBorder inputbox required" maxlength="50" /> *
                    </div>
                    <div class="form1Item">
                    	<label for="username"><?php echo JText::_( 'User name' ); ?>: </label>
                        <input type="text" id="username" name="username" size="40" value="<?php echo $this->escape($this->user->get( 'username' ));?>" class="redBorder inputbox required validate-username" maxlength="25" /> *
                    </div>
					<div class="form1Item">
						<label for="email"><?php echo JText::_( 'Email' ); ?>:</label>
						<input type="text" id="email" name="email" size="40" value="<?php echo $this->escape($this->user->get( 'email' ));?>" class="redBorder inputbox required validate-email" maxlength="100" /> *
					</div>
					<div class="form1Item">
						<label for="password"><?php echo JText::_( 'Password' ); ?>: </label>
						<input class="redBorder inputbox required validate-password" type="password" id="password" name="password" size="40" value="" /> *
					</div>
					<div class="form1Item">
						<label for="password2"><?php echo JText::_( 'Verify Password' ); ?>:</label>
						<input class="redBorder inputbox required validate-passverify" type="password" id="password2" name="password2" size="40" value="" /> *
					</div>
					<div class="form1Item">
						<label for="address"><?php echo JText::_( 'Your Address' ); ?>:</label>
						<input type="text" id="address" name="address" value="" maxlength="100"class="redBorder"/>
					</div>
                    <div class="form1Item">
                        <label><?php echo JText::_( 'Gender' ); ?>:</label>
                        <ul>
	                        <li>
    	                       	<input type="radio" value="1" name="gender" checked/>
                            </li>
                            <li>
                              	<?php echo JText::_( 'Male' ); ?>
                            </li>
                        </ul>
                        <ul>
         	                <li>
			            		<input type="radio" value="0" name="gender" />
			             	</li>
			               	<li>
			               		<?php echo JText::_( 'Female' ); ?>
			               	</li>
			            </ul>
                    </div>
                    <div class="clearLeft"></div>
                    <div class="form1Item">
                    	<label>Date of birth: </label>
                        <select id="day" name="day" class="redBorder">
                        	<?php
                        	for($i=1;$i<=31;$i++)
                        	{ 
                        	?>
                        	<option><?php echo $i; ?></option>
                        	<?php
                        	} 
                        	?>
                        </select>
                        <select id="month" name="month" class="redBorder">
                        	<?php
                        	for($i=1;$i<=12;$i++)
                        	{ 
                        	?>
                        	<option><?php echo $i; ?></option>
                        	<?php
                        	} 
                        	?>
                        </select>
                        <select id="year" name="year" class="redBorder">
                        	<?php
                        	$year = date("Y");
                        	$year = $year - 7;
                        	for($i=$year;$i>=$year-80;$i--)
                        	{ 
                        	?>
                        	<option><?php echo $i; ?></option>
                        	<?php
                        	} 
                        	?>
                        </select>
                    </div>
    				<div class="form1Checkbox">
						<label for="termsbox"></label>
						<input type="checkbox" value="" id="termsbox" name="termsbox" />		
						I have read and understood the Terms and Conditions
					</div>
					<div class="form1Submit">
						<label for="submitButton"></label>
						<div id="submitButton">
							
							<input type="image" src="images/send_btn.png" name="send" />
						</div>
					</div>    
                </fieldset>
                <input type="hidden" name="task" value="register_save" />
				<input type="hidden" name="id" value="0" />
				<input type="hidden" name="gid" value="0" />
				<?php echo JHTML::_( 'form.token' ); ?>
            </form>
        </div><!--EOF mainContainer-->                            
    </div> 
<!-- 
<form action="<?php echo JRoute::_( 'index.php?option=com_user' ); ?>" method="post" id="josForm" name="josForm" class="form-validate">

<?php if ( $this->params->def( 'show_page_title', 1 ) ) : ?>
<div class="componentheading<?php echo $this->escape($this->params->get('pageclass_sfx')); ?>"><?php echo $this->escape($this->params->get('page_title')); ?></div>
<?php endif; ?>

<table cellpadding="0" cellspacing="0" border="0" width="100%" class="contentpane">
<tr>
	<td width="30%" height="40">
		<label id="namemsg" for="name">
			<?php echo JText::_( 'Name' ); ?>:
		</label>
	</td>
  	<td>
  		<input type="text" name="name" id="name" size="40" value="<?php echo $this->escape($this->user->get( 'name' ));?>" class="inputbox required" maxlength="50" /> *
  	</td>
</tr>
<tr>
	<td height="40">
		<label id="usernamemsg" for="username">
			<?php echo JText::_( 'User name' ); ?>:
		</label>
	</td>
	<td>
		<input type="text" id="username" name="username" size="40" value="<?php echo $this->escape($this->user->get( 'username' ));?>" class="inputbox required validate-username" maxlength="25" /> *
	</td>
</tr>
<tr>
	<td height="40">
		<label id="emailmsg" for="email">
			<?php echo JText::_( 'Email' ); ?>:
		</label>
	</td>
	<td>
		<input type="text" id="email" name="email" size="40" value="<?php echo $this->escape($this->user->get( 'email' ));?>" class="inputbox required validate-email" maxlength="100" /> *
	</td>
</tr>
<tr>
	<td height="40">
		<label id="pwmsg" for="password">
			<?php echo JText::_( 'Password' ); ?>:
		</label>
	</td>
  	<td>
  		<input class="inputbox required validate-password" type="password" id="password" name="password" size="40" value="" /> *
  	</td>
</tr>
<tr>
	<td height="40">
		<label id="pw2msg" for="password2">
			<?php echo JText::_( 'Verify Password' ); ?>:
		</label>
	</td>
	<td>
		<input class="inputbox required validate-passverify" type="password" id="password2" name="password2" size="40" value="" /> *
	</td>
</tr>
<tr>
	<td colspan="2" height="40">
		<?php echo JText::_( 'REGISTER_REQUIRED' ); ?>
	</td>
</tr>
</table>
	<button class="button validate" type="submit"><?php echo JText::_('Register'); ?></button>
	<input type="hidden" name="task" value="register_save" />
	<input type="hidden" name="id" value="0" />
	<input type="hidden" name="gid" value="0" />
	<?php echo JHTML::_( 'form.token' ); ?>
</form>
 -->
</div>